$(function(){
    //加载layui的form模块
    let form = layui.form;

    //-------------获取用户信息，设置表单的默认值--------------
    randerForm();
    function randerForm(){
        $.ajax({
            url:'/my/userinfo',
            success:function(res){
                //id/username/nickname/email
                // $('input[name="id"]').val(res.data.id);
                // $('input[name="username"]').val(res.data.username);
                // $('input[name="nickname"]').val(res.data.nickname);
                // $('input[name="email"]').val(res.data.email);
    
                //表单赋值，对象的key要和表单各项的name属性值相同
                //html中form需要有属性：lay-filter="user"
                form.val('user',res.data);
            }
        });
    }

    //---------------表单提交，修改用户信息-------------------
    
    $('form').on('submit',function(e){
        e.preventDefault();
        //layui表单获取数据
        let data = form.val('user');
        
        $.ajax({
            type:'POST',
            url:'/my/userinfo',
            data:data,
           
            success:function(res){
                //修改成功.layer唯一一个模块直接使用，不需要加载
                layer.msg(res.message);
                
                //调用父页面的getUserInfo函数，重新渲染index.html
                window.parent.getUserInfo();

            }
            
        });
    });

    //------------------------重置表单----------------------
    //不是清空值，是恢复默认值
    $('button[type="reset"]').on('click',function(e){
        e.preventDefault();
        randerForm();
    });
});